<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
        <title>爱音乐春季运动会</title>
        <link rel="stylesheet" href="./lib/jquery/jquery.mobile-1.4.5.min.css">
        <script src="./lib/jquery/jquery-1.9.1.min.js"></script>
        <script src="./lib/jquery/jquery.mobile-1.4.5.min.js"></script>
        <style>
            input:focus{
            -moz-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
            -webkit-box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
            box-shadow: 0 0 12px #387bbe /*{global-active-background-color}*/;
            }
            .ui-block-a, .ui-block-b,.ui-block-c{
                height: 43px;
                font-weight: bold;
                padding: 10px;
            }
        </style>
    </head>
<body>
<img src="image/pointerup.png" style="position: fixed;left:91%;z-index: 999;width: 8%;display: none" id="pointerup">

<div data-role="page" style="background-image: url(images/luckypage.png);background-repeat: no-repeat;background-size:cover;">
    <div data-role="main" class="ui-content" style="position:fixed;top:10%;left:2%;right:2%;background-image: url(images/background.png);background-repeat: no-repeat;background-size: 100% 100%;height: 358px;">
        <a href="#" style="float: right;" onclick="window.location.href='lucky.html';"><img src="./images/close.png" style="width: 30px;"></a>
        <img src="image/qrcode.png" style="position: absolute;top:15%;left: 15%;width: 70%;">
        <!-- <a href="#" style="position: absolute;bottom: 3%;left: 50%;margin-left: -78px;"><img src="images/share.png" width="156px" height="60px"></a> -->
        <p style="position: absolute;bottom: 17%;left: 50%;margin-left: -86px;margin-bottom: -16px;font-weight: bold;">长按二维码可关注公众号</p>
    </div>
</div>
</body>
</html>
